<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的网站</title>
  <!-- 字体文件 -->
  <link rel="stylesheet" href="./fonts/iconfont.css">
  <!-- 公共文件 -->
  <link rel="stylesheet" href="./css/style.css">
  <!-- 主css文件 -->
  <link rel="stylesheet" href="./css/blogs.css">
</head>

<body>
  <!-- ======= Header ======= -->
  <header id="header"></header><!-- End Header -->
  <main>
    <!-- ======= 搜索 Section ======= -->
    <section id="search">
      <div id="particles-js"></div>
      <div class="search-content">
        <h2 class="section-title">我的博客</h2>
        <h4 class="sub-title">这是我的学习经验分享</h4>
        <div class="flex form-wrap">
          <input type="text" placeholder="请输入关键词搜索">
          <button><i class="iconfont qm-search"></i></button>
        </div>
      </div>
    </section><!-- End 搜索 -->

    <!-- ======= 我的博客 Section ======= -->
    <section id="blog" class="page">
      <div class="container article-wrap">
        <!-- <article>
          <a href="blog-single.html"><img src="./images/blogs/blog1.png" alt=""></a>
          <div class="content-wrap">
            <a href="blog-single.html">
              <h3>大标题大标题大标题</h3>
            </a>
            <p>jjf dji jdlajio jdklajiemjla03emi od09mefqwe whjiojf0jis js jjf dji jdlajio jdklajiemjla03emi od09mefqwe
              whjiojf0jis jsjjf dji jdlajio jdklajiemjla03emi od09mefqwe whjiojf0jis js jjf dji jdlajio
              jdklajiemjla03emi od09mefqwe
              whjiojf0jis js </p>
            <div class="flex justify-content-between align-items-center">
              <span class="date"><i class="iconfont qm-clock"></i>2022-07-21</span>
              <a class="more" href="blog-single.html">查看更多<i class="iconfont qm-arrow-right"></i></a>
            </div>
          </div>
        </article> -->

      </div>
    </section><!-- End 我的博客 -->

  </main>
  <!-- 粒子特效库 -->
  <script src="./js/particles.js"></script>
  <!-- axios -->
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <!-- 公共js文件 -->
  <script src="./js/main.js"></script>
  <!-- 主js文件 -->
  <script src="./js/blogs.js"></script>
</body>

</html>